
<!--委托鉴定-->
<template>
  <div id="AppraisalPonEntrustment">
    <div class="AppraisalPonEntrustment-nfcc">
      <div style="margin-top: 10px">
        <van-search
          v-model="value"
          style="border-radius: 10px; height: 44px"
          background="#f7f8fa"
          placeholder="请输入搜索关键词"
          @search="serachData"
        />
      </div>
      <div class="AppraisalPonEntrustment-middle1" v-show="ListData.length > 0" ref="AppraisalPonEntrustmentMiddle1">
        <ul v-for="(item, index) in ListData" :key="index" @click="handleAdd(item)" class="AppraisalPonEntrustment-middle">
          <li class="AppraisalPonEntrustment-middle2">
            产权人：{{ item.propertyPerson }}
            <span style="float: right;">{{item.appraiseStatus}}</span>
          </li>
          <li class="AppraisalPonEntrustment-middle3">
            当前状态：{{item.trustStatus}}
            <span> 房屋用途：{{ item.houseDetailusage }}</span>
          </li>
          <li class="AppraisalPonEntrustment-middle4">
            房屋地址：{{ item.detailAddress}}
          </li>
        </ul>
      </div>
      <div v-show="ListData.length == 0" style="height: 84vh; text-align: center; padding-top: 20vh">
        <div style="margin-bottom: 10px">
          <img src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/DSF/50.png" />
        </div>
        <div>暂无数据</div>
      </div>
      <!--<div class="AppraisalPonEntrustment-footer" v-show="ISShow">-->
        <!--<van-button color="dodgerblue" block @click="handleAdd">新增</van-button>-->
      <!--</div>-->
    </div>
  </div>
</template>
<script>
  import dd from 'gdt-jsapi'
  // import {
  //   dangerHouseRemoldList,
  // } from '@/utils/api'
  export default {
    data() {
      return {
        active: '0',
        value: '',
        ISShow: true,
        cityCode: '',
        ListData: [
        ],
        deepListData:[

        ]
      }
    },
    methods: {
      handleAdd(data) {
        this.$router.push({
          path: '/AppraisalPonEntrustmentDealtias',
          query: {
            data: JSON.stringify(data),
          },
        })
      },
      serachData(val) {
        if(!val) return this.ListData = this.deepListData
        this.ListData =  this.ListData.filter(item=>{
          return item.CQRMZ&&item.CQRMZ.indexOf(val)
        })
      },
      getData: async function () {
        let params = {
          cityCode:"330",
          // cityCode: window.localStorage.getItem("citycode")
          //   ? window.localStorage.getItem("citycode")
          //   : "",
          pageNo: 1,
          pageSize: 10
        }
        // const res = await dangerHouseRemoldList(params);
        // if(res&&res.data.data&&res.data.data.pageList){
        //   this.ListData=res.data.data.pageList
        //   this.deepListData = this.ListData
        // }
      },
    },
    created(){
    },
    mounted() {
      this.getData()
      dd.ready(function () {
        dd.setTitle({
          title: '委托鉴定',
        })
          .then((res) => {})
          .catch((err) => {
            console.error(err)
          })
      })
    },
  }
</script>
<style lang="scss" scoped >
  #AppraisalPonEntrustment {
    height: 100vh;
    overflow: auto;
    background: #eee;
    width: 100vw;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size: 18px;
    padding: 6px 10px;
    .title {
      width: 100%;
      height: 46px;
      background: #007aff;
      line-height: 50px;
      text-align: center;
      color: #ffffff;
      font-size: 20px;
    }
    .AppraisalPonEntrustment-footer {
      width: 99%;
      margin-top: 4px;
      margin: 0 auto;
      padding-top: 12px;
    }
    .AppraisalPonEntrustment-middle1 {
      height: 84vh;
      overflow: auto;
      .AppraisalPonEntrustment-middle {
        background-color: #fff;
        border-radius: 10px;
        padding: 8px 10px;
        width: 98%;
        height: 130px;
        margin: 0 auto;
        margin-top: 14px;
        .AppraisalPonEntrustment-middle2 {
          font-size: 18px;
          font-weight: 1000;
          color: black;
          line-height: 36px;
        }
        .AppraisalPonEntrustmentmiddle3 {
          font-size: 14px;
          color: #aaa;
          line-height: 24px;
          span {
            float: right;
            // padding-left: 4vw;
          }
        }
        .AppraisalPonEntrustment-middle4 {
          font-size: 14px;
          color: #aaa;
          line-height: 24px;
          span {
            float: right;
            // padding-left: 4vw;
          }
        }
      }
    }
  }
</style>
<style>
  #AppraisalPonEntrustment .van-tab {
    font-size: 18px;
  }
</style>

